<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>蕊影社区</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/iconfont.css" rel="stylesheet"/>
		<link rel="stylesheet" href="../css/default.css"/>
		<link rel="stylesheet" href="../css/MUIxinyingCss.css"/>
	</head>
	<body class="mui-fullscreen">
		<!--页面主结构开始-->
		<div id="memberUpgradeApp" class="mui-views">
			<div class="mui-view">
				<div class="mui-navbar">
				</div>
				<div class="mui-pages">
				</div>
			</div>
		</div>
		<!--页面主结构结束-->
		<!--单页面开始-->
		<!--蕊影社区-->
		<div id="memberUpgrade" class="mui-page">
			<div class="mui-navbar-inner mui-bar mui-bar-nav header_bar">
				<button type="button" class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav" style=""></span>
				</button>
				<h1 class="mui-center mui-title">蕊影社区</h1>
			</div>
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scrol height100">
						<div class="mui-content height100">
							<div class="circle_list_box community_list">
									<ul class="mui-table-view">
										<li class="mui-table-view-cell mui-media">
											<a href="javascript:;" class="link_detail">
												<h6 class="mui-ellipsis">幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福</h6>
											</a>
											<div class="list_bottom_ico clear">
												<div class="mui-pull-left mui-col-sm-7"><time class="mui-col-sm-5">2015-11-14</time><span class="list_up_name  mui-col-sm-6">发表于：蕊影社区</span></div>
												<div class="mui-pull-right mui-col-sm-4 the_good">
													<a href="##" class="mui-col-sm-6 good">30</a>
													<a href="##" class="mui-col-sm-4 message">20</a>
												</div>
											</div>
										</li>
										<li class="mui-table-view-cell mui-media">
											<a href="javascript:;" class="link_detail">
												<h6 class="mui-ellipsis">幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福</h6>
											</a>
											<div class="list_bottom_ico clear">
												<div class="mui-pull-left mui-col-sm-7"><time class="mui-col-sm-5">2015-11-14</time><span class="list_up_name  mui-col-sm-6">发表于：蕊影社区</span></div>
												<div class="mui-pull-right mui-col-sm-4 the_good">
													<a href="##" class="mui-col-sm-6 good">30</a>
													<a href="##" class="mui-col-sm-4 message">20</a>
												</div>
											</div>
										</li>
										<li class="mui-table-view-cell mui-media">
											<a href="javascript:;" class="link_detail">
												<h6 class="mui-ellipsis">幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福</h6>
											</a>
											<div class="list_bottom_ico clear">
												<div class="mui-pull-left mui-col-sm-7"><time class="mui-col-sm-5">2015-11-14</time><span class="list_up_name  mui-col-sm-6">发表于：蕊影社区</span></div>
												<div class="mui-pull-right mui-col-sm-4 the_good">
													<a href="##" class="mui-col-sm-6 good">30</a>
													<a href="##" class="mui-col-sm-4 message">20</a>
												</div>
											</div>
										</li>
										<li class="mui-table-view-cell mui-media">
											<a href="javascript:;" class="link_detail">
												<h6 class="mui-ellipsis">幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福幸福</h6>
											</a>
											<div class="list_bottom_ico clear">
												<div class="mui-pull-left mui-col-sm-7"><time class="mui-col-sm-5">2015-11-14</time><span class="list_up_name  mui-col-sm-6">发表于：蕊影社区</span></div>
												<div class="mui-pull-right mui-col-sm-4 the_good">
													<a href="##" class="mui-col-sm-6 good">30</a>
													<a href="##" class="mui-col-sm-4 message">20</a>
												</div>
											</div>
										</li>
									</ul>
								</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--单页面结束-->
		<!--修改密码-->
		<div id="account_recharge" class="mui-page">
			<div class="mui-navbar-inner mui-bar mui-bar-nav header_bar">
				<button type="button" class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav" style=""></span>
				</button>
				<h1 class="mui-center mui-title">余额充值</h1>
			</div>
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<div class="find_psd">
							<h2 class="bound_phone_h">请输入充值额：</h2>
							<form class="mui-input-group">
								<div class="mui-input-row">
									<input id='account' type="text" class="mui-input-clear mui-input mui-badge-danger mui-badge-inverted mui-input-text bgfff addborder mui-text-center" value="99.99">
								</div>
							</form>
						</div>
						<div class="pay_style_box mui-conten">
							<h2 class="find_psd bound_phone_h">请选择支付方式</h2>
							<ul class="mui-table-view mui-table-view-radio clearmar_t set_after pay_style_ico">
								<li class="mui-table-view-cell">
									<a class="mui-navigate-right">
										<span class="iconfont icon-zhifubao"></span>
										<h6>支付宝支付</h6><br />
										<p>推荐安装支付宝客户端的用户使用</p>
									</a>
								</li>
								<li class="mui-table-view-cell mui-selected">
									<a class="mui-navigate-right">
										<span class="iconfont icon-weixinzhifu"></span>
										<h6>微信支付</h6><br />
										<p>推荐安装安装微信5.0以上版本的用户使用</p>
									</a>
								</li>
								<li class="mui-table-view-cell">
									<a class="mui-navigate-right">
										<span class="iconfont icon-zhifufangshiyinxingqiazhifu"></span>
										<h6>银联银行卡支付</h6><br />
										<p>推荐信用卡持卡人使用</p>
									</a>
								</li>
							</ul>
						</div>
						<div class="mui-content-padded login_submit_btn find_psd">
							<a href="#account_recharge" class="mui-btn mui-btn-block my_btn btnpadding">立即充值</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/mui.min.js"></script>
		<script src="../js/jquery-1.11.2.min.js"></script>
		<script src="../js/mui.view.js "></script>
	</body>
<script>
mui.init();
//初始化单页view
var viewApi = mui('#memberUpgradeApp').view({
	defaultPage: '#memberUpgrade'
});
//初始化单页的区域滚动
mui('.mui-scroll-wrapper').scroll();
var view = viewApi.view;
(function($) {
	//处理view的后退与webview后退
	var oldBack = $.back;
	$.back = function() {
		if (viewApi.canBack()) { //如果view可以后退，则执行view的后退
			viewApi.back();
		} else { //执行webview后退
			oldBack();
		};
	};
	
})(mui);
document.querySelector('.mui-table-view.mui-table-view-radio').addEventListener('selected',function(e){
 console.log(e.detail.el.querySelector("h6").innerText);
});
</script>
</html>